import React from 'react'

import { Swiper, Image } from 'react-vant';
function Myswipper() {
   const images = [
  'https://img.yzcdn.cn/vant/apple-1.jpg',
  'https://img.yzcdn.cn/vant/apple-2.jpg',
  'https://img.yzcdn.cn/vant/apple-3.jpg',
  'https://img.yzcdn.cn/vant/apple-4.jpg',
  'https://img.yzcdn.cn/vant/apple-5.jpg',
  'https://img.yzcdn.cn/vant/apple-6.jpg',
  'https://img.yzcdn.cn/vant/apple-7.jpg',
  'https://img.yzcdn.cn/vant/apple-8.jpg',
]
  return (
    <div style={{height:'250px',background:'#000'}}>
      <Swiper  autoplay={4000}>
        {images.map((image) => (
          <Swiper.Item key={image}>
            <Image style={{width:'90%',height:'220px',opacity: 0.4,margin:'15px 20px'}} lazyload src={image} />
          </Swiper.Item>
        ))}
      </Swiper>
    </div>
  )
}

export default Myswipper
